/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, {Component} from 'react';
import {
    Platform,
    StyleSheet,
    Text,
    View
} from 'react-native';
import {createStore, applyMiddleware} from 'redux'
import logger from 'redux-logger';
import createSagaMiddleware from 'redux-saga'
import {Provider} from 'react-redux';
import mySaga from './src/saga'
import rootReducers from './src/reduces/root'

const sagaMiddleware = createSagaMiddleware();
const store = createStore(
    rootReducers,
    applyMiddleware(logger),
    applyMiddleware(sagaMiddleware)
)
sagaMiddleware.run(mySaga)


const instructions = Platform.select({
    ios: 'Press Cmd+R to reload,\n' +
    'Cmd+D or shake for dev menu',
    android: 'Double tap R on your keyboard to reload,\n' +
    'Shake or press menu button for dev menu',
});

import {NativeRouter, Route, Redirect} from 'react-router-native'
import {Button, Flex} from 'antd-mobile';

/*================routes============*/
import PageIndex from './src/routes/Index'

const index2 = () => {
    return <Text>hello index2</Text>
}


export default class App extends Component {
    render() {
        return (
            <Provider store={store}>
                <NativeRouter>
                    <View>
                        <Route path="/" exact render={() => <Redirect to="/index"/>}></Route>
                        {/*<Route path="/index" component={() => {*/}
                            {/*debugger*/}
                            {/*return PageIndex*/}
                        {/*}}></Route>*/}
                        <Route path="/index" component={PageIndex}></Route>
                        <Route path="/index2" component={index2}></Route>
                    </View>
                </NativeRouter>
            </Provider>
        );
    }
}

// const styles = StyleSheet.create({
//   container: {
//     flex: 1,
//     justifyContent: 'center',
//     alignItems: 'center',
//     backgroundColor: '#F5FCFF',
//   },
//   welcome: {
//     fontSize: 20,
//     textAlign: 'center',
//     margin: 10,
//   },
//   instructions: {
//     textAlign: 'center',
//     color: '#333333',
//     marginBottom: 5,
//   },
// });
